html, body{height: 100%;margin: 0;padding: 0;font-family: 'microsoft yahei',Arial, Helvetica,sans-serif;font-size: 12px;color: #666666;text-rendering: optimizeLegibility;}
h1, h2, h3, h4, h5, h6, p{margin-top: 0;}
.page-header{vertical-align: middle;margin: 15px 0;padding: 0;border-bottom: none;}
.page-header h1{font-family: 'microsoft yahei',Arial, Helvetica,sans-serif;font-weight: 400;font-size: 30px;color: #848484;display: inline-block;margin-bottom: 15px;}
.breadcrumb{display: inline-block;background: none;margin: 0;padding: 0 10px;}
.breadcrumb li a{color: #999999;font-size: 11px;padding: 0px;margin: 0px;}
.breadcrumb li:last-child a{color: #1e91cf;}
.breadcrumb li a:hover{text-decoration: none;}
.breadcrumb li + li:before{content: "/";font-family: FontAwesome;color: #BBBBBB;padding: 0 5px;}
a{color:#0a8e61;}
a:hover, a:focus{text-decoration: none;}
.clearfix:before,.clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}
/* fix for bootstrap hidden and visible*/
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg{display: inline;}
#container{min-height: 100%;width: 100%;position: relative;}
.container-fluid{padding-left: 20px;padding-right: 20px;}
#header{min-height: 0px;background: #FFFFFF;border-bottom: 1px solid #E5E5E5;margin: 0;padding: 0;}
#header .nav > li{float: left;}
#header .nav > li li{min-width: 200px;}
#header .navbar-header{min-height: 0px;padding: 0;}
/* Mobile*/
@media (max-width: 767px){
#header .navbar-header{margin-right: 0px;margin-left: 0px;float: left;}
}
#header #button-menu + .navbar-brand{padding: 10px 10px 10px 10px;margin-right: 10px;height: auto;}
#header .nav > li > a{padding: 3px 16px;line-height: 38px;cursor: pointer;color: #6D6D6D;border-left: 1px solid #E1E1E1;}
#header .nav > li > a > .label{text-shadow: none;padding: 1px 4px;position: absolute;top: 8px;left: 6px;}
#button-menu{padding: 10px 17px 9px 17px;line-height: 25px;float: left;display: inline-block;cursor: pointer;color: #6D6D6D;border-right: 1px solid #E1E1E1;}
#profile{display: none;}
#column-left.active #profile{display: block;padding: 10px 15px 10px 15px;overflow: auto;border-bottom: 1px solid #585858;}
#profile div{float: left;color: #C4C4C4;}
#profile div i{font-size: 30px; color: #fff; background: #0a8e61; width: 50px; height: 50px; border-radius: 50%; padding-top: 10px;}
#profile div + div{margin-left: 15px;}
#profile h4{margin-top: 6px;font-family: 'microsoft yahei',Arial, Helvetica,sans-serif;font-size: 15px;font-weight: 400;color: #FFF;margin-bottom: 0;}
#column-left{width: 50px;height: 100%;background-color: #515151;position: absolute;top: 0px;padding-top: 50px;z-index: 10;transition: all 0.3s;}
#column-left.active{width: 230px;display: block;}
#content{padding-bottom: 40px;transition: all 0.3s;}
#column-left + #content{margin-left: 50px;}
#column-left + #content + #footer{margin-left: 50px;}
/* Mobile*/
@media (max-width: 767px){
#column-left{overflow: hidden;display: none;
}
#column-left + #content{margin-left: 0;}
#column-left + #content + #footer{margin-left: 0;}}
/* Menu*/
#menu, #menu ul, #menu li{padding: 0;margin: 0;list-style: none;}
#menu{margin-bottom: 25px;}
#menu > li{position: relative;}
#menu li a{text-decoration: none;display: block;padding: 10px;cursor: pointer;border-bottom: 1px solid #515151;}
#menu li a i{font-size: 16px;}
#menu > li > a{color: #C4C4C4;font-size: 12px;padding-left: 13px;border-bottom: 1px solid #585858;}
#menu > li > a:hover{background-color: #444444;}
#menu > li > a > span{display: none;margin-left: 8px;}
#menu li li a{color: #9d9d9d;}
#menu li li a:hover{color: #FFFFFF;background-color: #373737;}
#menu li li a:before{content: "\f101";font-size: 14px;font-family: FontAwesome;margin-left: 10px;margin-right: 10px;transition: margin ease 0.5s;}
#menu li li a:hover:before{margin-right: 20px;}
#menu > li.active > a{color: #DDDDDD;background: #373737;}
#menu li.active li a{color: #C4C4C4;}
#menu li li.active > a:last-child{color: #FFFFFF;}
#menu li li.active a:last-child:before{margin-left: 20px;margin-right: 10px;}
#menu > li > ul{position: absolute;left: 50px;top: 0px;width: 210px;background-color: #444444;visibility: hidden;}
#menu li ul{overflow: hidden;}
#menu > li:hover > ul{visibility: visible;}
#menu li li a.parent:after, #column-left.active #menu > li a.parent:after{font-family: FontAwesome;content: "\f105";float: right;}
#menu li li.open > a.parent:after, #column-left.active #menu > li.open > a.parent:after{font-family: FontAwesome;content: "\f107";float: right;}
#menu li ul a{padding-left: 20px;}
#menu li li ul a{padding-left: 40px;}
#menu li li li ul a{padding-left: 60px;}
#menu li li li li ul a{padding-left: 80px;}
/* Menu Active*//* Desktop*/
@media (min-width: 768px){
#column-left.active{overflow: auto;}
#column-left.active + #content{margin-left: 230px;}
#column-left.active + #content + #footer{margin-left: 230px;}
}
/* Mobile*/
@media (max-width: 767px){
#column-left.active + #content{position: relative;left: 230px;}
#column-left.active + #content + #footer{position: relative;left: 230px;}
}
#column-left.active{width: 230px;}
#column-left.active #menu li i{font-size: 14px;}
#column-left.active #menu > li > a > span{display: inline;}
#column-left.active #menu > li > ul{position: relative;left: auto;top: auto;width: auto;visibility: visible;}
/* footer*/
#footer{height: 100px;text-align: center;}
/* Navs*/
.nav > li.disabled > a{color: #999;}
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus{color: #999;}
/* Tabs*/
.nav-tabs > li > a{border-radius: 2px 2px 0 0;}
.nav-tabs > li > a:hover{border-color: #eee #eee #ddd;}
.nav-tabs{margin-bottom: 25px;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{font-weight: bold;color: #333;}
.form-control:hover{border: 1px solid #b9b9b9;border-top-color: #a0a0a0;-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);}
div.required .control-label:not(span):before, td.required:before{content: '* ';color: #F00;font-weight: bold;}
.table thead td span[data-toggle="tooltip"]:after, label.control-label span:after{font-family: FontAwesome;color: #1E91CF;content: "\f059";margin-left: 4px;}
fieldset legend{padding-bottom: 5px;}
input[type="radio"], input[type="checkbox"]{margin: 2px 0 0;}
.radio, .checkbox{min-height: 18px;}
input[type="radio"], .radio input[type="radio"], .radio-inline input[type="radio"], input[type="checkbox"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"]{position: relative;width: 13px;width: 16px \0;height: 13px;height: 16px \0;-webkit-appearance: none;background: white;border: 1px solid #dcdcdc;border: 1px solid transparent \0;border-radius: 1px;}
input[type="radio"]:focus, .radio input[type="radio"]:focus, .radio-inline input[type="radio"]:focus, input[type="checkbox"]:focus, .checkbox input[type="checkbox"]:focus, .checkbox-inline input[type="checkbox"]:focus{border-color: #4d90fe;outline: 0;}
input[type="radio"]:active, .radio input[type="radio"]:active, .radio-inline input[type="radio"]:active, input[type="checkbox"]:active, .checkbox input[type="checkbox"]:active, .checkbox-inline input[type="checkbox"]:active{background-color: #ebebeb;border-color: #c6c6c6;}
input[type="radio"]:checked, .radio input[type="radio"]:checked, .radio-inline input[type="radio"]:checked, input[type="checkbox"]:checked, .checkbox input[type="checkbox"]:checked, .checkbox-inline input[type="checkbox"]:checked{background: #fff;}
input[type="radio"], .radio input[type="radio"], .radio-inline input[type="radio"]{width: 15px;width: 18px \0;height: 15px;height: 18px \0;border-radius: 1em;}
input[type="radio"]:checked::after, .radio input[type="radio"]:checked::after, .radio-inline input[type="radio"]:checked::after{position: relative;top: 3px;left: 3px;display: block;width: 7px;height: 7px;content: '';background: #666;border-radius: 1em;}
input[type="checkbox"]:hover, .checkbox input[type="checkbox"]:hover, .checkbox-inline input[type="checkbox"]:hover{border-color: #c6c6c6;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);-webkit-box-shadow: none \9;box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);box-shadow: none \9;}
input[type="checkbox"]:checked::after, .checkbox input[type="checkbox"]:checked::after, .checkbox-inline input[type="checkbox"]:checked::after{position: absolute;top: -6px;left: -5px;display: block;content: url('../images/checkmark.png');}
.table thead td{font-weight: bold;}
.table thead > tr > td, .table tbody > tr > td{vertical-align: middle;}
.table a.asc:after{content: " \f107";font-family: FontAwesome;font-size: 14px;}
.table a.desc:after{content: " \f106";font-family: FontAwesome;font-size: 14px;}
.pagination{margin: 0;}
.form-group{padding-top: 15px;padding-bottom: 15px;margin-bottom: 0;}
.form-group + .form-group{border-top: 1px solid #ededed;}
/* Panels*/
.panel{border-radius: 0px;}
.panel .panel-heading{position: relative;}
.panel-heading h3 i{margin-right: 8px;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.panel-heading i{font-size: 16px;font-weight: 500;}
.panel-heading h3{font-size: 16px;font-weight: 500;display: inline-block;}
/* Primary Panel*/
.panel-primary{border: 1px solid #c3e4f6;border-top: 2px solid #5cb7e7;}
.panel-primary .panel-heading{color: #1e91cf;border-color: #96d0f0;background: white;}
/* Default Panel*/
.panel-default{border: 1px solid #e8e8e8;border-top: 2px solid #bfbfbf;}
.panel-default .panel-heading{color: #595959;border-color: #e8e8e8;background: #fcfcfc;}
.img-thumbnail i{color: #FFFFFF;background-color: #EEEEEE;text-align: center;vertical-align: middle;width: 100px;height: 100px;padding-top: 20px;vertical-align: middle;display: inline-block;}
.img-thumbnail.list i{width: 40px;height: 40px;padding-top: 10px;}
/* Tiles*/
.tile{margin-bottom: 15px;border-radius: 3px;background-color: #279FE0;color: #FFFFFF;transition: all 1s;}
.tile:hover{opacity: 0.95;}
.tile a{color: #FFFFFF;}
.tile-heading{padding: 5px 8px;text-transform: uppercase;background-color: #1E91CF;color: #FFF;}
.tile .tile-heading .pull-right{transition: all 1s;opacity: 0.7;}
.tile:hover .tile-heading .pull-right{opacity: 1;}
.tile-body{padding: 15px;color: #FFFFFF;line-height: 48px;}
.tile .tile-body i{font-size: 50px;opacity: 0.3;transition: all 1s;}
.tile:hover .tile-body i{color: #FFFFFF;opacity: 1;}
.tile .tile-body h2{font-size: 42px;}
.tile-footer{padding: 5px 8px;background-color: #3DA9E3;}
#column-left.active #stats{display: block;}
#stats{display: none;border-radius: 2px;color: #666666;background: #2b2b2b;margin: 15px 20px;padding: 5px 0;}
#stats ul, #stats li{padding: 0;margin: 0;list-style: none;}
#stats li{font-size: 11px;color: #9d9d9d;padding: 5px 10px;border-bottom: 1px dotted #373737;}
#stats div:first-child{margin-bottom: 4px;}
#stats .progress{height: 3px;margin-bottom: 0;}
.jqvmap-label{z-index: 999;}
.alert{overflow: auto;}
/* Menu Fix For System -> Layout -> Banner*/
.collapse.in{display: block;visibility: unset;}
.collapse{display: none;visibility: unset;}
/* Menu Fix For System -> Layout -> Banner*/

/************************ loading样式 start ***********************/
@keyframes cw{
  form{transform: rotate(0deg);}
  to{transform: rotate(360deg);}
}
@keyframes ccw{
  form{transform: rotate(0deg);}
  to{transform: rotate(-360deg);}
}
@keyframes opacity{
  from{opacity: 0.4;}
  to{opacity: 1;}
}
#loading{display: none;position: fixed;width: 8rem;height: 8rem;top: 50%;left: 50%;margin: -4rem 0 0 -4rem;z-index: 99999999999;color: #4CDDFB;background: rgba(255,255,255,0.7);text-align: center;line-height: 8rem;animation: opacity 1s infinite alternate;border-radius: 50%;}
#loading::before, #loading::after{content: ' ';transform-origin: center;box-sizing: border-box;position: absolute;background-color: transparnet;filter: opacity(0.5);display: block;border-radius: 50%;border: 4px solid #4CDDFB;}
#loading::before{animation: cw 1.5s infinite linear;top: 15%;left: 15%;width: 70%;height: 70%;border-top: none;border-bottom: none;}
#loading::after{animation: ccw 1.5s infinite linear;top: 0;left: 0;width: 100%;height: 100%;border-left: none;border-right: none;}
/************************ loading样式 end ***********************/
/* select框加入搜索*/
.m-input-select{line-height:22px;position:relative;-webkit-user-select:none;}                        
.m-input-select ul, .m-input-select li{padding:0;margin:0;}                        
.m-input-select .m-input{padding-right:22px;}                        
.m-input-select .m-input-ico{position:absolute;right:0;top:0;width:22px;height:100%;background:url() no-repeat 50% 50%;}                                             
.m-input-select .m-list{display:none;position:absolute;z-index:1;top:100%;left:0;right:0;max-width:100%;max-height:153px;overflow:auto;border-bottom:1px solid #ddd;}                        
.m-input-select .m-list-item{font-weight: normal;cursor: default; padding: 0px 5px; margin-top: -1px; list-style: none; background: #fff; border: 1px solid #ddd; border-bottom: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 12px; color: #565656;}                        
.m-input-select .m-list-item:hover{background:#2D95FF;color:#fff;}                        
.m-input-select .m-list-item-active{background:#2D95FF;color:#fff;}
/* select end*/
/* 自定义样式 */
.navbar-brand > img {height:23px;}
.language {width: auto; height: 30px; padding: 0; margin: 7px 7px 0 0;}
.btn-oms {background-color: #24A06B; border-color: #0a8e61;color:#fff;}
.btn-oms:hover{background-color: #0a8e61; border-color: #005639;color:#fff;}
.red {color:red;}
.Wdate.form-control {height:35px;border:1px solid #ccc;}
.oms-table .btn {margin:2px 0;}
.paginationStyle {padding: 8px 12px; line-height: 20px; background-color: #ffffff; border: 1px solid #ddd; border-left-width: 0;}
.paginationStyle:first-child {border-left-width: 1px;}
.paginationStyle:hover,.paginationStyle.current{background: #24A06B; color: #fff; border-color: #24A06B;}
.emptyNumber{color:red;text-align:center;}
.pull-right .btn-oms {margin-left:5px;}
.fa-1:before{content: "\f022";}
.fa-2:before{content: "\f26c";}
.fa-4:before{content: "\f0c0";}
.fa-5:before{content: "\f07c";}
.fa-7:before{content: "\f0e8";}
.fa-8:before{content: "\f0b2";}
.fa-9:before{content: "\f080";}
.fa-192:before{content: "\f1c0"}
.style20170608 {width:100%;}                          
.style20170608 tr .tableSubtitle.even {background:#eee;}
.style20170608 tr .tableSubtitle.odd {background:#ddd;}
.style20170608 .tableSubtitle {width:20%;text-align: right;}
.style20170608 .equa {width:25%;}
.style20170608 .tableSubtitle.equa {text-align: left;}
.style20170608 .tableSubtitle.equa.alignRight {text-align: right;}
.style20170608 .tableSubtitle.three {width:15%;}
.style20170608 .tableContent {width:30%;}
.style20170608 .tableContent.three {width:18%;}
.style20170608  tr td.Title20170609 {color: #008cd7;}
.style20170608 tr,.style20170608 tr td {height:25px;}
.style20170608 tr td {border: 1px solid #c3c3c3;line-height: 15px;padding:3px 5px;}
.style20170608 tr.tableTopBorder,.style20170608 td.tableTopBorder {border-top:none;}
.style20170608 tr.tableBottomBorder,.style20170608 td.tableBottomBorder {border-bottom:none;}
.style20170608 .form-control{height:30px;padding: 5px 13px;}
.layer-oms-skin {border-top: 5px solid #24A06B; border-radius: 8px 8px 0px 0px;}
.layer-oms-skin .layui-layer-title {border-radius: 8px 8px 0 0;}
#packageInfo .panel-title {margin-bottom: 5px; height: 26px; line-height: 35px;}
.pull-right a.next::before { content: ''; line-height: 0; font-size: 0; overflow: hidden; display: inline-block; width: 0px; height: 0px; border: 5px solid transparent; border-left-color: #fff;}
.oms-radio {margin-right: 15px; padding-top: 10px; margin-bottom: 0px;}
.oms-radio input{margin:0 5px -2px 0;}
.oms-table pre { margin: 0; padding: 0; background: none; border: none;}
.position-img {padding: 0;}
.position-img li {list-style: none;float: left;}
.img-area img {display: block; margin: 0px 10px 10px 0px; border: 1px solid #1e91cf; height: 120px; width: 120px;}
.control-label {font-size:11px;}
.oms-group .btn-oms {margin-right:10px;}
/*重写layer tab弹出层样式*/
.popupBg {background: rgba(0,0,0,0.3);position: fixed;top:0px;left:0px;height: 100%;width:100%;display: none;}
.popupBg.active {display: block;}
.popupContainer {z-index: 99999; position: fixed; background: #fff; left: 50%; top: 50%;-webkit-transform: scale(0.01); -moz-transform: scale(0.01); -o-transform: scale(0.01); -ms-transform: scale(0.01); transform: scale(0.01); -webkit-transition: all .4s linear 0s; -moz-transition: all .4s linear 0s; -o-transition: all .4s linear 0s; -ms-transition: all .4s linear 0s; transition: all .4s linear 0s; visibility: hidden;}
.popupContainer.active {visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
.popupContent .ct_content {display: none;}
.popupContent .ct_content.active {display: block;}
.popupController span {cursor: pointer;}
.recordTable .currencyText {color: #ff0000; width: 70px; height: 22px; position: absolute; top: 8px; right: 5px;}
.popupContent .recordTable {border-collapse: collapse;margin-left: 40px;width: 640px;}
.layui-msg-error {background-color: #fef1f1 !important; border-color: #fde2e2 !important; color: #f56b6b !important;}
.layui-msg-success { background-color: #ecf3e6 !important; border-color: #dfebd5 !important; color: #8fbb6c !important;}